
    <!DOCTYPE html>
    <html lang="zh-CN">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>4、MongoDB核心组件与架构 - 学习卡片</title>
      <style>
        body { font-family: sans-serif; background-color: #f0f8ff; color: #333; display: flex; flex-direction: column; align-items: center; padding: 50px 20px; }
        .header h1 { font-size: 32px; }
        .grid-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; width: 100%; max-width: 1200px; }
        .card-container { perspective: 1200px; cursor: pointer; height: 250px; }
        .card { width: 100%; height: 100%; position: relative; transform-style: preserve-3d; transition: transform 0.7s; border-radius: 16px; box-shadow: 0 4px 16px rgba(0,0,0,0.08); }
        .card-container.flipped .card { transform: rotateY(180deg); }
        .card-face { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; display: flex; flex-direction: column; box-sizing: border-box; border-radius: 16px; background-color: #fff; padding: 24px; }
        .card-back { background-color: #f0fff4; transform: rotateY(180deg); justify-content: space-between; }
        .card-category { font-size: 14px; color: #0052d9; margin-bottom: 8px; font-weight: 500; }
        .card-question { font-size: 20px; font-weight: 500; flex-grow: 1; display: flex; align-items: center; justify-content: center; text-align: center; }
        .card-answer-wrapper { flex-grow: 1; overflow-y: auto; }
        .card-answer { font-size: 15px; line-height: 1.7; }
        .card-footer { font-size: 13px; color: #8a919f; border-top: 1px solid #f0f0f0; padding-top: 16px; margin-top: 16px; }
        .card-source { font-size: 13px; color: #8a919f; border-top: 1px solid #f0f0f0; padding-top: 12px; margin-top: 12px; }
      </style>
    </head>
    <body>
      <div class="header">
        <h1>4、MongoDB核心组件与架构 - 学习卡片</h1>
      </div>
      <div class="grid-container">
        
    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">架构</div>
          <div class="card-question">MongoDB服务器由哪些主要的进程或组件构成？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">架构</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">MongoDB服务器主要由四个组件构成：mongod（主数据库进程）、mongos（分片集群路由进程）、config servers（配置服务器进程）和 mongosh（MongoDB Shell客户端）。</div>
          </div>
          <div class="card-source">来源: 1.1 MongoDB进程与组件结构</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">机制</div>
          <div class="card-question">简述MongoDB处理一个客户端请求的完整流程。</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">机制</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">处理流程分为七个主要步骤：1. 客户端发送请求；2. 服务器进行连接处理；3. 请求解析；4. 查询优化；5. 生成执行计划；6. 数据访问；7. 将结果返回给客户端。</div>
          </div>
          <div class="card-source">来源: 1.3 请求处理流程</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">特性</div>
          <div class="card-question">WiredTiger存储引擎提供了哪些核心特性？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">特性</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">WiredTiger引擎的核心特性包括：文档级并发控制、压缩存储、检查点机制、日志记录以及内存管理。</div>
          </div>
          <div class="card-source">来源: 2.1 WiredTiger引擎特性</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">技术</div>
          <div class="card-question">什么是TTL索引？它的主要应用场景是什么？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">技术</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">TTL（Time-To-Live）索引是一种特殊的单字段索引，MongoDB可以利用它在一定时间后自动从集合中删除文档。其主要应用场景是处理有生命周期的数据，例如会话信息、日志记录等，通过设置`expireAfterSeconds`选项来实现。</div>
          </div>
          <div class="card-source">来源: 3.7 索引属性</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">技术</div>
          <div class="card-question">在MongoDB聚合管道中，$lookup操作符的作用是什么？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">技术</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">$lookup操作符用于在同一个数据库中对另一个集合执行左外连接（left outer join），将两个集合中的文档根据指定字段进行匹配和合并，类似于关系型数据库中的JOIN操作。</div>
          </div>
          <div class="card-source">来源: 4.2 核心管道操作符 - $lookup</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">模式</div>
          <div class="card-question">在MongoDB中实现一个事务的标准流程是怎样的？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">模式</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">标准的事务流程包括：1. 启动一个会话（session）；2. 在会话中启动事务（startTransaction）；3. 在try-catch块中执行所有数据库操作，并将session对象传递给这些操作；4. 如果所有操作成功，则提交事务（commitTransaction）；5. 如果发生错误，则在catch块中中止并回滚事务（abortTransaction）；6. 最后结束会话。</div>
          </div>
          <div class="card-source">来源: 5.1 事务模型</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">机制</div>
          <div class="card-question">MongoDB的聚合管道（Aggregation Pipeline）由哪些常见的阶段组成？请举例说明。</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">机制</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">聚合管道由一系列阶段（stage）组成，每个阶段对输入的文档进行处理并将结果传递给下一阶段。常见的阶段包括：$match（用于过滤文档）、$group（用于将文档分组并计算聚合值）、$sort（用于对文档进行排序）和$limit（用于限制输出的文档数量）。</div>
          </div>
          <div class="card-source">来源: 4.1 聚合管道</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">特性</div>
          <div class="card-question">什么是部分索引（Partial Index），它与稀疏索引（Sparse Index）有何不同？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">特性</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">部分索引只对集合中满足指定筛选条件（partialFilterExpression）的文档创建索引。相比之下，稀疏索引只为存在索引字段的文档创建条目。部分索引提供了比稀疏索引更灵活的控制，可以根据任意表达式来决定哪些文档需要被索引。</div>
          </div>
          <div class="card-source">来源: 3.7 索引属性</div>
        </div>
      </div>
    </div>

    <div class="card-container" onclick="this.classList.toggle('flipped');">
      <div class="card">
        <div class="card-face card-front">
          <div class="card-category">技术</div>
          <div class="card-question">如何在MongoDB中创建一个可以进行全文搜索的文本索引，并为其不同字段设置不同的权重？</div>
          <div class="card-footer">点击卡片查看答案</div>
        </div>
        <div class="card-face card-back">
          <div class="card-category">技术</div>
          <div class="card-answer-wrapper">
            <div class="card-answer">可以通过`createIndex`方法，将需要索引的字段值设为`"text"`来创建文本索引。在选项中，可以通过`weights`文档为不同字段指定不同的权重，例如`{ weights: { title: 10, content: 5 } }`，表示`title`字段的权重是`content`字段的两倍。</div>
          </div>
          <div class="card-source">来源: 3.5 文本索引</div>
        </div>
      </div>
    </div>

      </div>
    </body>
    </html>
